<template>
  <div>
    <div class="base-info">
      <div class="base-info-title">
        <span class="text">基本信息</span>
      </div>
      <div class="base-info-data">
        <div class="item">
          <span class="text">婚姻登记类型</span>
          <span class="value">{{info.type}}</span>
        </div>
        <div class="item">
          <span class="text">姓名</span>
          <span class="value">{{info.name}}</span>
        </div>
        <div class="item">
          <span class="text">身份证号码</span>
          <span class="value">{{info.idcard}}</span>
        </div>
        <div class="item">
          <span class="text">性别</span>
          <span class="value">{{info.gender == 1 ? '男' : '女'}}</span>
        </div>
        <div class="item">
          <span class="text">配偶姓名</span>
          <span class="value">{{info.wife_name | changeStr(0)}}</span>
        </div>
        <div class="item">
          <span class="text">配偶身份证号</span>
          <span class="value">{{info.wife_idcard | plusXing(1,1)}}</span>
        </div>
        <div class="item">
          <span class="text">登记日期</span>
          <span class="value">{{info.register_time | formatDate()}}</span>
        </div>
        <div class="item">
          <span class="text">办理机构</span>
          <span class="value">{{info.institution}}</span>
        </div>
        <div class="item">
          <span class="text">新领证件登记字号/撤销决定字号</span>
          <span class="value">{{info.card_no}}</span>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: 'BaseInfo',
  props: {
    info: Object
  },
  data () {
    return {
      
    }
  },
  mounted () {
    
  },
  methods: {
    
  },
}
</script>

<style lang="less" scoped>
  @import '~styles/varibles.less';
  .base-info {
    &-title {
      line-height: 36px;
      padding: 0 @pagePadding;
      font-size: 12px;
      color:#8D8D8D;
      background-color:#efefef;
    }
    &-data {
      background-color: #fff;
      .item {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 13px @pagePadding;
        border-bottom: 1px solid #efefef;
        font-size: 14px;
        color: #000;
        .text {
          max-width: 140px;
          line-height: 1.5;
        }
      }
    }
  }
</style>
